<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>个人中心-1基本信息-双欧</title>
  <meta name="description"
        content="码力兄弟是按需用IT人才“Uber”，快准好的匹配合适的人解决企业产品技术问题，通过匹配技术咨询顾问、技术开发团队、驻场用人、全职用人甚至技术VC等一站式为企业提供技术服务解决方案的平台"/>
  <meta name="keywords" content="码力兄弟,众包,软件众包,软件外包,项目外包,项目需求,程序员接活,兼职,私活,软件开发,小程序"/>
  <meta name="copyright" content="上海易推信息科技有限公司"/>
  <meta name="author" content="evil_web（429391294@qq.com）"/>
  <link rel="stylesheet" type="text/css" href="css/city.css"/>
  <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
  <link rel="stylesheet" type="text/css" href="css/base.css"/>
  <link rel="stylesheet" type="text/css" href="css/common.css"/>
  <link rel="stylesheet" type="text/css" href="css/center.css"/>
  <!--[if lte IE 9]>
  <script type="text/javascript" src="js/html5shiv-printshiv-3.js"></script>
  <![endif]-->
</head>
<body>

<div class="bg bg-fff">
  <!--公共头部 header start-->
  <header class="header-index">
    <div class="container posR">
      <a href="javascript:;" class="logo">
        <img src="images/logo.png" alt="">
      </a>
      <div class="top-address">
        <span class="location">上海</span>
        <a href="javascript:;" class="change-city">
            切换城市
          <span class="icon bg-btn_arrow_down_line_n"></span>
        </a>
        <p class="more-city-notice">
          您正在浏览上海市双鸥服务，是否 <a href="javascript:;" class="color-blue show-city">切换城市？</a>
          <a href="javascript:;" class="close bg-btn_close_n"></a>
        </p>
        <div class="top-more-city none">
          <span class="city-item">北京</span>
          <span class="city-item city-item-select">上海</span>
          <span class="city-item">广州</span>
          <span class="city-item">深圳</span>
          <span class="city-item">杭州</span>
          <span class="city-item">天津</span>
          <span class="city-item">成都</span>
          <span class="city-item">西安</span>
          <span class="city-item">武汉</span>
          <span class="city-item">重庆</span>
          <span class="city-item">南京</span>
          <a href="javascript:;" class="city-item-more">更多城市＞</a>
        </div>
      </div>
      <div class="header-right">
        <span class="message">我的消息</span>

        <span class="user-name">上海ZARA <em class="icon bg-btn_arrow_down_line_n"></em></span>
        <div class="user-bar bg-bg_xialacaidan none">
          <a href="javascript:;">订单管理</a>
          <a href="javascript:;">地址管理</a>
          <a href="javascript:;">发票管理</a>
          <a href="javascript:;">意见反馈</a>
          <a href="javascript:;">退出登录</a>
        </div>
        <span class="welcome-back">欢迎回来：</span>

      </div>
    </div>
  </header>
  <!--公共头部  header end-->
  <div class="container main my-center-container">
    <!--lef start-->
    <div class="my-center-left">
      <div class="head-icon">
        <img src="images/btn_yourphoto.png" alt="">
      </div>
      <p class="head-name">上海ZARA</p>
      <p class="company-class">
        <span class="icon bg-icon_authentication">企业会员</span>
        企业会员
      </p>
      <hr class="hr-line">
      <div class="slid-bar">
        <a href="javascript:;" class="slid-bar-item a_hover" >基本信息</a>
        <a href="javascript:;" class="slid-bar-item">订单管理</a>
        <a href="javascript:;" class="slid-bar-item">地址管理</a>
        <!--<a href="javascript:;" class="slid-bar-item">合同管理</a>-->
        <p class="slid-bar-item slid-bar-item-sub">
          发票管理
          <span class="icon bg-btn_arrow_down_line_n none"></span>
        </p>
        <div class="slid-bar-item-fp none">
          <a href="javascript:;" class="submenu">发票信息</a>
          <a href="javascript:;" class="submenu">发票列表</a>
          <a href="javascript:;" class="submenu">发票申请</a>
        </div>
        <a href="javascript:;" class="slid-bar-item">意见反馈</a>
        <a href="javascript:;" class="slid-bar-item">消息通知</a>
      </div>
    </div>
    <!--lef end-->

    <!--right start-->
    <div class="my-center-right">
      <div class="my-center-box">
        <p class="my-center-box-tit">
          企业名称
        </p>
        <p class="my-center-box-text">
          上海啦啦啦啦信息科技有限公司
          上海啦啦啦啦信息科技有限公司
          上海啦啦啦啦信息科技有限公司
          上海啦啦啦啦信息科技有限公司
        </p>
        <hr class="hr-line">
        <p class="my-center-box-tit">
          企业福利
        </p>
        <p class="my-center-box-text">
          双鸥提供的各项服务中，企业会员均有优惠价格享受。<br>
          审核通过的企业会员通过线下签署协议即可开通账期支付功能，同时我们会为您配备专属客服人员为您服务。
        </p>
      </div>
      <div class="my-center-box">
        <form class="layui-form layui-form-base-info" action="">
          <div class="layui-form-item" style="overflow:hidden;">
            <label class="layui-form-label"> 用户名</label>
            <input type="text" name="title" lay-verify="title" autocomplete="off" readonly value="上海ZARA" placeholder="请输入用户名" class="layui-input layui-input-float">
              <span class="layui-input-text">
                （用户名可用于直接登录）
              </span>
            <a href="javascript:;" class="layui-input-btn">修改信息</a>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label"> 您的姓名</label>
            <div class="layui-input-block">
              <input type="text" name="code" lay-verify="required" placeholder="请输入您的姓名" value="易*呦" autocomplete="off" class="layui-input bg-fff">
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">  手机号码</label>
            <div class="layui-input-block" style="overflow:hidden;">
              <input type="tel" name="phone" lay-verify="required" readonly placeholder="请输入手机号" value="134****1234" autocomplete="off" class="layui-input layui-input-float">
              <a href="javascript:;" class="layui-input-btn bind-new" style="float:left;">重新绑定</a>
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">  固定电话</label>
            <div class="layui-input-block">
              <input type="tel" name="phone" lay-verify="required" placeholder="请输入固定电话" value="/" autocomplete="off" class="layui-input bg-fff">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label"> 联系邮箱</label>
            <div class="layui-input-block">
              <input type="email" name="email" lay-verify="required" placeholder="请输入电子邮箱" value="shang***@yahoo.cn" autocomplete="off" class="layui-input bg-fff">
            </div>
          </div>
          <div class="layui-form-item">
            <div class="layui-input-block tal">
              <button class="layui-btn layui-btn-submit" lay-submit="" lay-filter="demo1">保存</button>
              <button class="layui-btn layui-btn-cancel">取消</button>
            </div>
          </div>

        </form>
      </div>

    </div>
    <!--right end-->

  </div>
</div>
<!--公共底部  footer start-->
<footer>
  <div class="container">
    <div class="footer-left">
      <dl class="footer-link footer-link-server">
        <dt>双欧服务平台</dt>
        <dd><a href="javascript:;">保洁服务</a></dd>
        <dd><a href="javascript:;">维修服务</a></dd>
        <dd><a href="javascript:;">绿植服务</a></dd>
        <dd><a href="javascript:;">净化服务</a></dd>
      </dl>
      <dl class="footer-link footer-link-about">
        <dt>关于双鸥</dt>
        <dd><a href="javascript:;">双鸥介绍</a></dd>
        <dd><a href="javascript:;">联系我们</a></dd>
        <dd><a href="javascript:;">服务反馈</a></dd>
        <dd><a href="javascript:;">平台协议</a></dd>
      </dl>
      <dl class="footer-link footer-link-about">
        <dt>市场合作</dt>
        <dd><a href="javascript:;">成为企业用户</a></dd>
        <dd><a href="javascript:;">申请加入我们</a></dd>
      </dl>
    </div>
    <div class="footer-right">
      <div class="contact-info">
        <span class="tel">TEL: 021-55235501</span>
        <span class="work-time">(周一至周五 10:00-19:00)</span>
          <span class="contact">
            邮箱：Info@serviceo2o.com<br>传真：021-55235512
          </span>
      </div>
      <div class="qr">
        <img src="images/qr.jpg" alt="">
        <span class="text">【关注双鸥公众号】</span>
      </div>
    </div>
  </div>
  <div class="footer-btm">
    <div class="container">
      <span class="icon footer-logo bg-pic_footer_shuangou">双欧</span>
      <span class="text">Copyright © 2018 SOA 双鸥环境服务  版权所有</span>
    </div>
  </div>
</footer>
<!--公共头部  footer end-->
<div class="mask none"></div>
<!--pop city start-->
<div class="pop pop-city none">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="bg-logo_popup"></span>
  </p>
  <div class="cont">
    <div class="pop-city-row">
      <p class="name">当前位置：</p>
      <p class="intro">
        <span class="city-item">上海</span>
      </p>
    </div>

    <div class="pop-city-row">
      <p class="name">热门城市：</p>
      <p class="intro">
        <span class="city-item">北京</span>
        <span class="city-item city-item-select">上海</span>
        <span class="city-item">广州</span>
        <span class="city-item">深圳</span>
        <span class="city-item">杭州</span>
        <span class="city-item">天津</span>
        <span class="city-item">成都</span>
        <span class="city-item">西安</span>
        <span class="city-item">武汉</span>
        <span class="city-item">重庆</span>
        <span class="city-item">南京</span>
        <span class="city-item">郑州</span>
        <span class="city-item">济南</span>
        <span class="city-item">厦门</span>
      </p>
    </div>
    <div class="pop-city-row">
      <p class="name name-city">选择城市：</p>
      <div class="intro">
        <div class="infolist">
          <div class="liststyle">
          <span id="Province">
              <i>省</i>
              <ul>
                <li><a href="javascript:void(0)" alt="请选择省">请选择省</a></li>
              </ul>
              <input type="hidden" name="cho_Province" value="请选择省">
          </span>
          <span id="City">
              <i>市</i>
              <ul>
                <li><a href="javascript:void(0)" alt="请选择市">请选择市</a></li>
              </ul>
              <input type="hidden" name="cho_City" value="请选择市">
          </span>
          <span id="Area" style="display: none">
              <i>区</i>
              <ul>
                <li><a href="javascript:void(0)" alt="请选择区">请选择区</a></li>
              </ul>
              <input type="hidden" name="cho_Area" value="请选择区">
          </span>
          </div>
        </div>
      </div>
    </div>
    <div class="pop-btn-box">
      <a href="javascript:;" class="pop-cancel">取消</a>
      <a href="javascript:;" class="pop-submit">确定</a>
    </div>
  </div>
</div>
<!--pop city end-->

<!--pop 重新绑定-->
<div class="pop pop-change-phone none">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit2">绑定手机</p>
  <div class="cont">
    <form class="layui-form layui-form-change-phone" action="">

      <div class="layui-form-item">
        <label class="layui-form-label"><span class="color-red">*</span> 原手机号码：</label>
        <div class="layui-input-block">
          <input type="tel" name="phone" lay-verify="required" placeholder="请输入原手机号码" autocomplete="off" class="layui-input">
          <p class="change-phone-p1 posR">
            手机号已无法使用？<a href="javascript:;" class="color-blue contact-qa">联系客服</a>
            <span class="get-kef bg-bg_tel_number none">021-12132323</span>
          </p>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">  <span class="color-red">*</span>短信验证码：</label>
        <div class="layui-input-block">
          <input type="tel" name="code" lay-verify="required" placeholder="请输入短信验证码" autocomplete="off" class="layui-input layui-input2">
          <input type="button" id="btn-get-code" class="get-code-btn" value="获取验证码"/>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label"> <span class="color-red">*</span> 验   证   码：</label>
        <div class="layui-input-block posR">
          <input type="tel" name="code2" lay-verify="required" placeholder="请输入验证码" autocomplete="off" class="layui-input">
          <img class="code-img" src="images/h_housing.png" alt="">
          <p class="change-phone-p1">
            看不清？<a href="javascript:;" class="color-blue">换一张</a>
          </p>
        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-input-block">
          <button class="layui-btn layui-btn-submit" lay-submit="" lay-filter="demo1">下一步</button>
          <button class="layui-btn layui-btn-cancel">取消</button>
        </div>
      </div>
    </form>
  </div>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/city.min.js"></script>
<script type="text/javascript" src="layui/layui.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script>
 $(function(){
   $('.bind-new').click(function(){
       $('.mask,.pop-change-phone').show();
   });
   $('.contact-qa').hover(function(){
       $('.get-kef').show();
   },function(){
     $('.get-kef').hide();
   });

   var countdown=60;
   function settime(val) {
     if (countdown == 0) {
       val.removeAttribute("disabled");
       val.value="获取验证码";
       countdown = 60;
     } else {
       countdown--;
       val.setAttribute("disabled", true);
       val.value= countdown + "s后重发";

       if(countdown == 0){
         val.removeAttribute("disabled");
         val.value="获取验证码";
         countdown = 60;
         return false;
       }
     }
     var timer = setTimeout(function() {
       settime(val)
     },1000);
//     clearTimeout(timer)
   }
   $("#btn-get-code").click(function(){
     settime(this)
   });
 })
</script>
</body>
</html>